import React from 'react'
import {Icon} from "antd-mobile";

const VoteGobackTab = props => {
    const height = 45
    const color = props.color ? props.color : '#333'
    return <div
        className='flex-align-center fade-in'
        style={{
            position: 'absolute',
            width: '100%',
            top: '0',
            left: '0',
        }}
    >
        <div className='flex-1 flex-align-center' onClick={props.goBack} style={{height: height, paddingLeft: '15px',}}>
            <Icon type='left' color={color} size='lg'/>
        </div>
        <div className='flex-1 flex-center-align-center' style={{height: height, fontSize: '18px', color: '#333'}}>
            <p style={{color: color,}}>{props.title}</p>
        </div>
        <div className='flex-1' style={{height: height}}/>
    </div>
}
export default VoteGobackTab